<template>
    <!-- 1. 顶部通知栏 -->
    <header class="notification-header">
        <span>天天走路领红包，一起瓜分现金奖池!</span>
        <a href="#"> <van-icon name="question-o" /> 活动规则</a>
    </header>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    padding-right: 25px;
    margin-top:5px ;

    a {
        color: inherit;
        text-decoration: none;
        background-color: rgba(89, 17, 17, 0.2);
        padding: 4px 10px;
        border-radius: 12px;
    }
}
</style>